<template>
    <div class="header">{{ name }}</div>
    <div class="content flex">
        <slot></slot>
    </div>
</template>

<script setup>
defineProps(['name'])
</script>

<style scoped>
.header {
    height: 6vh;
    background-color: #fff;
    padding-left: 1vw;
    line-height: 6vh;
    font-weight: 500;
}

.content {
    margin: 2vh 1vw 0;
    width: 83vw;
    max-height: 84vh;
    overflow: auto;
}
</style>